// @import url('./variables.scss');
@tailwind base;
@tailwind components;
@tailwind utilities;
@mixin flex_row($flexFlow:row nowrap,$justifyContent:space-between,$alignItems:center){
    display: flex;
    flex-flow: $flexFlow;
    justify-content: $justifyContent;
    align-items: $alignItems;
}
/* 默认为块级框的padding */
@mixin paddings($top: 16px, $right: 24px, $bottom: 16px, $left: 24px){
    padding: $top $right $bottom $left;
}

@mixin radius($radius: 4px){
    border-radius: $radius;
}

@mixin scrollbar($width: 4px,$height: 4px){
    /* 自定义滚动条样式 */  
    &::-webkit-scrollbar {  
        width: $width; /* 滚动条宽度 */  
        height: $height; /* 滚动条高度（水平滚动条）*/  
    }  

    &::-webkit-scrollbar-thumb {  
        background: #999; /* 滚动条滑块颜色 */  
        border-radius: 2px; /* 滚动条滑块圆角 */  
    }  

    &::-webkit-scrollbar-track {  
        background: #f1f1f1; /* 滚动条轨道颜色 */  
        border-radius: 2px; /* 滚动条轨道圆角 */  
    }
}

@mixin boxShadow($shadow){
    box-shadow: $shadow;
}